// 管理用户数据相关
import { defineStore } from 'pinia'
import { ref } from 'vue'
import { loginAPI } from '@/apis/user'
import { useCartStore } from './cart'
import { mergeCartAPI } from '@/apis/cart'

export const useUserStore = defineStore('user', () => {
  const cartStore = useCartStore()
  // 1.定义用户数据state
  const userInfo = ref({})
  // 2.定义获取接口数据的action函数
  const getUserInfo = async ({account, password}) => {
    const res = await loginAPI({ account, password })
    userInfo.value = res.result
    // 合并购物车
    await mergeCartAPI(cartStore.cartList.map(item => {
      return {
        skuId: item.skuId,
        selected: item.selected,
        count: item.count
      }
    }))
    cartStore.updateNewList()
  }

  // 退出时清除用户数据
  const clearUserInfo = () => {
    userInfo.value = {}
    // 清除购物车
    cartStore.clearCart()
  }

  // 3.以对象的形式把state和action函数返回出去
  return {
    userInfo,
    getUserInfo,
    clearUserInfo
  }
},
  {
  // 插件设置state时自动把数据同步localstorage，获取state数据时有限从localstorage中获取
  persist: true
}
)